<template>
  <view class="normal-login-container">

    <view class="item-wrap" style="margin-bottom: 0">
      <view class="lineBottom10">
        <uni-section title="基础信息" type="line"/>
      </view>

      <view style="margin: 8rpx 20rpx 8rpx 20rpx">
        <uni-forms  labelWidth="auto">

          <uni-forms-item label="车架号:">
            <text>{{ ruleForm.vinNo || '-'}}</text>
          </uni-forms-item>

          <uni-forms-item label="车牌号:">
            <text>{{ ruleForm.carNo || '-'}}</text>
          </uni-forms-item>

          <uni-forms-item label="品牌:">
            <text>{{ ruleForm.brandName || '-'}}</text>
          </uni-forms-item>

          <uni-forms-item label="车系:">
            <text>{{ ruleForm.seriesName || '-'}}</text>
          </uni-forms-item>

          <uni-forms-item label="车型:">
            <text>{{ ruleForm.modelName || '-'}}</text>
          </uni-forms-item>

          <uni-forms-item label="注册日期:">
            <text>{{ ruleForm.registerTime || '-'}}</text>
          </uni-forms-item>

          <uni-forms-item label="客户名称:">
            <text>{{ ruleForm.customerName || '-'}}</text>
          </uni-forms-item>

          <uni-forms-item label="租赁合同日期:">
            <text>{{ `${ruleForm.leaseStartTime || '-'}~${ruleForm.leaseEndTime || '-'}` }}</text>
          </uni-forms-item>

          <uni-forms-item label="车辆产权:">
            <text>{{ ruleForm.propertyRightName || '-'}}</text>
          </uni-forms-item>

          <uni-forms-item label="车辆归属:">
            <text>{{ ruleForm.ascription || '-'}}</text>
          </uni-forms-item>

          <uni-forms-item label="车辆运营:">
            <text>{{ ruleForm.operationsName || '-'}}</text>
          </uni-forms-item>

          <uni-forms-item label="车辆大区:">
            <text>{{ ruleForm.region || '-'}}</text>
          </uni-forms-item>

          <uni-forms-item label="交强险保单号:">
            <text>{{ ruleForm.jqxPolicyCode || '-'}}</text>
          </uni-forms-item>

          <uni-forms-item label="商业险保单号:">
            <text>{{ ruleForm.syxPolicyCode || '-'}}</text>
          </uni-forms-item>

          <uni-forms-item label="出险日期:">
            <text>{{ ruleForm.accidentTime || '-'}}</text>
          </uni-forms-item>

        </uni-forms>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: 'basicInfo',//基础信息
  dicts:['customer_type'],
  props: {
    value: {
      type: Object,
      default: {}
    },
  },
  computed: {
    ruleForm: {
      get() {
        let that = this
        const proxy = new Proxy(that.value, {
          get(target, key) {
            return Reflect.get(target, key)
          },
          set(target, key, value) {
            that.$emit('input', {...target, [key]: value})
            return true
          }
        })
        return proxy
      }
    },
  },
};
</script>

<style lang="scss" scoped>
.car-wrap {
  display: flex;
  flex-direction: column;
  padding: 20rpx 20rpx 20rpx 0;
  border: 1px solid #dadada;
  margin: 10rpx 20rpx;
  border-radius: 8rpx;

}


</style>


